<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  data () {
    return {
      activeName: 'second',
      windowWitdh: `${document.documentElement.clientWidth}`,
      windowHeight: `${document.documentElement.clientHeight}`,
    }
  },
  mounted () {
    var that = this
    window.onresize = () => {
      return (() => {
        that.windowWitdh = `${document.documentElement.clientWidth}`
        that.windowHeight = `${document.documentElement.clientHeight}`
      })()
    }
  },
  created () {
    // this.$message.error('提交错误')
    // this.$message.success('提交成功')
  },
  methods: {
    scale () {
      var that = this
      var wBi = that.windowWitdh / 1920
      var hBi = that.windowHeight / 1080
      //console.log(wBi,hBi)
      if (wBi > hBi) {
        //console.log("宽大于高")
        return 'transform:scale(' + hBi + ', ' + hBi + ') translate(-50%, -50%)'
      } else {
        //console.log("宽小于高")
        return 'transform:scale(' + wBi + ', ' + wBi + ') translate(-50%, -50%)'
      }
    },
  },
}
</script>
<style lang="less">
@import url('@/common/colors.less');
@import url('@/assets/fonts/font.less');
@import url('@/icons/iconfont.css');
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  border: none;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  // border-radius: 10px;
  background: #1a446b;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  // border-radius: 10px;
  background: #0b1825;
}
#app {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  background-color: @bgColor;
  overflow: hidden;
}
nav {
  padding: 30px;
  a {
    font-weight: bold;
    color: #2c3e50;
    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>
